/* CSS Document */

/************************************/
/* Initialisation                   */
/************************************/

/* {
	padding: 0;
	border: 0;
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	font-size:11px;
	outline:none;
}
input{
	display:block;
}*/

img {
	display:block;
}

body {
	height: 100%; /* debug selection de texte */
	color: #000000;
	background-color: #FFFFFF;
	/* centrage de la page */
	text-align: left; /* pour corriger le bug de centrage IE */
	/**/
}
/*
a, a:link, a:visited {
	text-decoration: none;
	color:#000000;
	outline:none;
	cursor:pointer;
}

a:hover{
	text-decoration: underline;
	outline:none;
}
*/
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

strong, b {
	font-weight:bold;
}

.ajusteur	{ /* pour ajuster la hauteur de la ligne */
	clear:both;
	line-height:0px;
	font-size:1px;
	height:0px;
	color:#FFFFFF;
}

/************************************/
/* FIN Initialisation               */
/************************************/




/*
 * Fichier css de la page HTML (cours photoshop)
 *
 */

/* id sont une seul fois dans la page, classe pour les bouton par exemple*/

body {
	height: 100%; /* debug selection de texte */
	color: #000000;
	background-color: #000000;
	/* centrage de la page */
	text-align: left; /* pour corriger le bug de centrage IE */
	/**/
	font-style: normal;
}

#global{
	float:left;
	background-position:center;
    height: 100%;
    width : 100%;
    background-image : url(../media/backgroung_im1.png);
    background-repeat : no-repeat;
    background-position : top center;
}

#global_pel{
	float:left;
	background-position:center;
    height: 100%;
    width : 100%;
    background-image: url(../media/bacground_test.png);
    background-repeat : repeat-x;
    background-position : top center;
}
#main{
    display:block;
    height:auto;
    margin:auto;
    width:960px;
    background-image: url(../media/Titre.png);
    background-repeat : no-repeat;
    background-position : top center;
    font-family : Nyala;
    font-size : 14px;
    font-style: normal;
}

#header{
	text-align:center;
    display:block;
    width:960px;
    height:275px;
    font-style: normal;
}

#menu{
	position:relative;
	float:left;
    display:block;
    width : 960 px;
    height:52px;
    background-image: url(../media/menu.png);
    background-repeat: no-repeat;
	font-style: normal;
 /*   margin-right: 3px;*/
}


/* ========== debut du menu deroulant ===============*/
#menuDeroulant
{
 position:relative;
 width: 960px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 top: 0;
 left: 0;
}
 #menuDeroulant li
{
 float: left;
 width: 135px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu
{
 position:relative;
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu li
{
 position:relative;
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 min-width: 135px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}


#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 text-align : center;
 font-size : 18px;
 font-family : Nyala;
 color : #FFFFFF;
 margin: 0;
 padding: 15px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
 font-style : bold;
}
#menuDeroulant li a:hover { color: #fff000 }
#menuDeroulant li a:active { color: #fff000 }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 font-size : 14px;
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color: #454556;
 /*background: transparent url("fondTR.png") repeat;*/
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color:#fff000 ;
 color : #603232;
}

/* ==================== fin du menu deroulant ====================*/


/* ============ debut barre de recherche ===============*/
#recherche{
		border: 0;
	border-style : none;
	text-decoration: none;
	outline:none;
display:inline;
width : 30px;
height :22px;
background-image: url(../media/recherche.png);
margin-left : 40px;
margin-right : -6px;
vertical-align : top;
margin-top: 4px;
}

#recherche1{
	border: 0;
	border-style : none;
	text-decoration: none;
	outline:none;
display:inline;
width : 156px;
height :22px;
background-image: url(../media/recherche_mid.png);
margin-right : -10px;
margin-top: 4px;
}

#okButton{
	border: 0;
	border-style : none;
	text-decoration: none;
	outline:none;
display:inline;
width : 50px;
height :24px;
background-image: url(../media/bouttonOK.png);
color : #FFFFFF;
background-position: top center;
margin-right : -5px;
margin-top: 4px;
}


#lien_recherche a:LINK,a:VISITED{
	text-align : right;
    font-size : 15px;
    font-weight: bold;
    color : #FFFFFF;
    text-decoration: none;
}

#lien_recherche a:HOVER{
	text-align : right;
    font-size : 15px;
    font-weight: bold;
    color: #fff000;
    text-decoration: none;
}

#erreur{
	color: red;	
}


/* ============ fin de barre de recherche =================== */


#content{
	display:block;
	float:left;
    height:auto;
    width : 957px;
   /* background-image: url(../media/content_mid.jpg);*/
    background-color: #FFFFFF;
    background-repeat: repeat-y;
}

#footer{
	display:block;
    height : 50px;
    clear:both;
    background-image: url(../media/footer.png);
    background-position : top center;
    margin-left : -9px;
    text-align : center;
    font-size : 15px;
    font-family : Nyala;
    padding-top : 8px;
    font-weight: bold;
    color : #FFFFFF;
    vertical-align: text-bottom;
}

#footer a, a:LINK,a:VISITED{
    text-align : center;
    font-size : 15px;
    font-family : Nyala;
    color : #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#avance{
    text-align : center;
    font-size : 15px;
    font-family : Nyala;
    color : #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#avance a, a:LINK,a:VISITED{
    text-align : center;
    font-size : 15px;
    font-family : Nyala;
    color : #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

#avance a:HOVER{
    text-align : center;
    font-size : 15px;
    font-family : Nyala;
    color : #FFF000;
    text-decoration: none;
    font-weight: bold;
}

#footer a:HOVER{
    text-align : center;
    font-size : 15px;
    font-family : Nyala;
    color : #FFF000;
    text-decoration: none;
    font-weight: bold;
}


/* ===========  definition des deux parties du content ============== */
#col_right{
	float:left; 
    border : 4px;
    min_height : 400px;
    width :257px;
    border-color: #000000;
    text-align: center;
    margin-bottom: 10px;
}

#col_left{
	display:block;
	float:left;
	width :695px;
    min_height : 400px;
    border : 2px;
    margin-bottom: 10px;
}

#col_left_top{
	display:block;
	float:left;
	width :650px;
    height : 10px;
    margin-top : 10px;
    margin-left : 6px;
    padding-left :20px;
    padding-right :20px;
	background-image: url(../media/content_top.png);
	background-repeat: no-repeat;
}

#col_left_mid{
	display:block;
	float:left;
	width :650px;
    min_height : 400px;
    margin-left : 3px;
    padding-left :20px;
    padding-right :20px;
    background-image: url(../media/content_mid.png);
	background-repeat: repeat-y;
	text-align : left;
    font-size : 12px;
    color : #000000;
    text-decoration: none;
}

#col_left_mid a, a:visited{
	text-align : left;
    font-size : 12px;
    font-weight: normal;
    color : #000000;
    text-decoration: none;
}

#col_left_mid h1{
	text-align : left;
    font-size : 15px;
    font-weight: bold;
    color : #000000;
    text-decoration: none;
}

#col_left_mid a:hover{
	text-align : left;
    font-size : 12px;
    font-weight: normal;
    color : #000000;
    text-decoration: none;
}

#col_left_dow{
	display:block;
	float:left;
	width :650px;
    height : 10px;
    margin-left : 3px;
    padding-left :20px;
    padding-right :20px;
	background-image: url(../media/content_down.png);
	background-repeat: no-repeat;
}
 
#col_right_top{
	display:block;
	float:left;
	width :260px;
    height : 10px;
    margin-top : 10px;
	background-image: url(../media/div_left_top.png);
	background-repeat: no-repeat;
}

#col_right_mid{
	display:block;
	float:left;
	width :220px;
	padding-left :20px;
    padding-right :20px;
    min_height : 400px;
    background-image: url(../media/div_left_mid.png);
	background-repeat: repeat-y;
}

#col_right_dow{
	display:block;
	float:left;
	width :260px;
    height : 10px;
	background-image: url(../media/div_left_down.png);
	background-repeat: no-repeat;
}



